<template>
	<view class="tn-flex tn-margin-left tn-margin-right tn-margin-top-sm">
		<view class="tn-flex-2">
      
		  <view class="image-pic tn-margin-right" :style="'background-image:url('+list[0].picture+')'" @click="goto('/pages/article/view', list[0].id)">
		    <view class="image-tuniao1"></view>
		  </view> 
		</view>
		<view class="tn-flex-1">
		  <view class="image-pic" :style="'background-image:url('+list[1].picture+')'" @click="goto('/pages/article/view', list[1].id)">
		    <view class="image-tuniao2"></view>
		  </view> 
		  <view class="image-pic" :style="'background-image:url('+list[2].picture+');margin-top: 28rpx;'" @click="goto('/pages/article/view', list[2].id)">
		    <view class="image-tuniao2"></view>
		  </view> 
		</view>
	</view>
</template>

<script>
	import base from '@/common/mixin/base.js'
	import request from '@/common/request.js';

	export default {
		name: 'CxArticleHot',
		mixins: [base],
		data() {
			return {
				model: 'business/article',
				list: [
          {picture: ''},
          {picture: ''},
          {picture: ''},
        ],
			}
		},
		created() {
			this.getHotData();
    }
	}
</script>

<style lang="scss" scoped>
	@import '@/static/scss/common.scss';
</style>